:root {
  color-scheme: light;
  font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  --primary-color: #0052d9;
  --primary-light: #edf4ff;
  --accent-color: #ff7d00;
  --gray-900: #101828;
  --gray-700: #344054;
  --gray-500: #667085;
  --gray-200: #eaecf0;
  --gray-100: #f2f4f7;
  --border-radius: 12px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: #f7f9fc;
  color: var(--gray-900);
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
  cursor: pointer;
}

.container {
  width: min(1200px, 92vw);
  margin: 0 auto;
}

.card {
  background: #fff;
  border-radius: var(--border-radius);
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.08);
}
